/*2115619393776629072*/
/*-------------------------------*/
.emby-button {   
    display: none !important; 
}
.text-align:center {   
    display: none !important; 
}
.centered {   
    display: none !important; 
}
.itemsContainer {
    display: none !important; 
}
.misty-banner {
    display: none !important; 
}


/*Square Cards and Portrait Cards*/

#loginPage .squareCard {
  width: 50% !important;
  background: rgb(20, 20, 20) !important;
  transform: none !important;
}

#loginPage .cardText {
  opacity: 1;
}

.emby-input:focus,
.emby-textarea:focus,
.emby-select:focus {
  border-color: var(--accent) !important;
  transform: none !important;
}

.selectArrowContainer {
  top: 0.9em;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

#itemDetailPage
  button.cardImageContainer.coveredImage.cardContent.itemAction.lazy.blurhashed.lazy-image-fadein-fast {
  border-radius: var(--rounding);
}

/*Login Page*/

.skinHeader.semiTransparent.noHeaderRight {
  background: transparent !important;
}

div#loginPage {
  margin-top: 0 !important;
  overflow: hidden scroll;
}

#loginPage h1::after {
  content: "程序已锁" !important; 
  font-size: 32px !important; 
}

#loginPage h1 {
  font-weight: 700;
  font-size: 0;
  margin-bottom: 21.44px;
  margin-top: 32px !important;
  text-align: left;
}

.inputContainer {
  margin-bottom: 1.8em;
  margin-top: 1.8em;
}

#loginPage .padded-left.padded-right.padded-bottom-page {
  background: #000000bf;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  margin: 0;
  position: absolute;
  border-radius: 10px;
  width: 30vw;
  height: 70vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 3em !important;
  max-width: 24em;
}

#loginPage .readOnlyContent {
  padding: 0 !important;
  width: 100% !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.manualLoginForm {
  height: 100%;
  width: 100%;
}

#loginPage .inputContainer {
  background: #333;
  border-radius: var(--rounding);
  height: 4em;
  position: relative;
}

#loginPage .inputLabel.inputLabelFocused,
#loginPage .inputLabel:not(.inputLabel-float) {
  font-size: 0.8em;
  left: 4%;
  top: 4%;
  transform: none;
}

.visualLoginForm {
  width: 100%;
  position: relative;
  overflow: hidden;
}

#divUsers {
  flex-flow: revert;
  overflow: scroll visible;
  justify-content: flex-start;
}

#loginPage .emby-input {
  height: 100%;
  border: none;
  background: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none !important;
  padding: 4% !important;
  font-size: 1.1em;
  border: none !important;
}

#loginPage .inputLabel {
  position: absolute;
  top: 50%;
  left: 4%;
  transform: translateY(-50%);
  font-size: 1.5em;
  font-weight: 300;
  transition: 0.2s ease;
  color: #8c8c8c;
}

#loginPage .inputContainer:focus,
#loginPage .inputContainer:focus-within {
  background: #454545;
}

.layout-mobile #loginPage .padded-left.padded-right.padded-bottom-page {
  width: 90vw !important;
  max-width: 90vw !important;
  height: 90vh !important;
  background: transparent;
}

.layout-mobile #loginPage {
  background: linear-gradient(to left, #000000bf, #000000bf),
    url(https://file.nastool.work/jellyfin-plugin/img/Locked.jpg) !important;
  background-size: cover !important;
}

@media (orientation: landscape) {
  .layout-mobile #loginPage .padded-left.padded-right.padded-bottom-page {
    width: 90vh !important;
    max-width: 90vh !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    transform: translateX(-50%);
    top: 0;
  }
}

/*Login background with radial gradient overlay to make it look like netflix login*/

#loginPage {
  background: linear-gradient(to top, rgba(0 0 0 / 0%), transparent 20%),
    linear-gradient(to bottom, rgba(0 0 0 / 0%), transparent 20%),
    linear-gradient(to left, rgba(0 0 0 / 0%), transparent 20%),
    linear-gradient(to right, rgba(0 0 0 / 0%), transparent 20%),
    url(https://file.nastool.work/jellyfin-plugin/img/Locked.jpg) !important;
  background-size: cover !important;
}
